<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="telephone=no" name="format-detection">
    <title>黎世阁-优惠券</title>
	<link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/coupon.css"/>
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript">
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;

                docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';

            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
        recalc();
    })(document, window);

    </script>

</head>
<body>
	<!--头部开始-->
	<header>
		<i class="iconfont left_jt">&#xe65b;</i>
		<div class="title">优惠券</div>
	</header>
	<!--头部结束-->
	<!--导航-->
	<nav class="clearfix">
		<span class="aborder">未使用8</span>
		<span>已使用5</span>
		<span>已过期1</span>
	</nav>
	<!--导航-->
	<!--优惠券-->
	<section>
		<div class="coupon_item">
			<div class="item_left fl">
				<p>
					<span class="price_icon">￥</span><span class="price">500</span>
				</p>
				<span class="use">满 10000 使用</span>
				<span class="expiry_date">有效期至 2016-10-30</span>
			</div>
			<div class="item_right fl">优惠券</div>
		</div>
		<div class="coupon_item">
			<div class="item_left fl">
				<p>
					<span class="price_icon">￥</span><span class="price">500</span>
				</p>
				<span class="use">满 10000 使用</span>
				<span class="expiry_date">有效期至 2016-10-30</span>
			</div>
			<div class="item_right fl">优惠券</div>
		</div>
		<div class="coupon_item">
			<div class="item_left fl">
				<p>
					<span class="price_icon">￥</span><span class="price">500</span>
				</p>
				<span class="use">满 10000 使用</span>
				<span class="expiry_date">有效期至 2016-10-30</span>
			</div>
			<div class="item_right fl">优惠券</div>
		</div>
	</section>
	<!--优惠券-->
</body>
</html>
